<template>
	<div id="ColumnsMore">
		
		<van-image width="100%" height="100%" src="https://static.arkread.com/ark/pics/submit/intro/banner-mobile.3eb49709.png">
		  <template v-slot:error>加载失败</template>
		</van-image>
		
		<div class="ColumnsMorelist">
			<div class="box box1">
				<h2>豆瓣阅读简介</h2>
				<div>
					<p>豆瓣阅读是豆瓣旗下专门做网络文学创作的平台，从 2018 年开始做长篇连载。站内主力运营言情、女性、悬疑、幻想四大类型，四年来积累了众多精品作品，也积累了看文品味多元化、对作品包容友好的读者群体。</p>
				</div>
			</div>
			
			<div class="box box2">
				<h2>在豆瓣阅读发布作品的优势</h2>

				<van-card thumb="https://static.arkread.com/ark/pics/submit/intro/icon-contract.1e9aba4d.png">
					<template #title>
						<p class="title">合约宽松</p>
					</template>
					<template #desc>
						<p>平台签约只针对单部作品签约，没有人身条款。签书不签人。非签约作品可以由作者自由上架下架。</p>
					</template>
				</van-card>
				<van-card thumb="https://static.arkread.com/ark/pics/submit/intro/icon-saleofrights.efb2c90f.png">
					<template #title>
						<p class="title">版权成绩出色</p>
					</template>
					<template #desc>
						<p>作品出版和影视改编成果显著，一年会对外输出超过 50 部出版和影视版权。</p>
					</template>
				</van-card>
				<van-card thumb="https://static.arkread.com/ark/pics/submit/intro/icon-douban.8d264918.png">
					<template #title>
						<p class="title">背靠豆瓣</p>
					</template>
					<template #desc>
						<p>读者群体成熟，阅读品味更多元，能接纳多样类型，多种表达。</p>
					</template>
				</van-card>
				<van-card thumb="https://static.arkread.com/ark/pics/submit/intro/icon-benefit.1f6b948f.png">
					<template #title>
						<p class="title">福利全面</p>
					</template>
					<template #desc>
						<p>平台除了提供作品免费期高更奖励，还会给作品提供千字入 v 保底。</p>
					</template>
				</van-card>
				<van-card thumb="https://static.arkread.com/ark/pics/submit/intro/icon-income.8375ad22.png">
					<template #title>
						<p class="title">良心分成</p>
					</template>
					<template #desc>
						<p>平台支持连载入 v、完本定价、会员包月等付费方式。线上收入作者分成 70%。</p>
					</template>
				</van-card>
			</div>
			
			<div class="box box1">
				<h2>豆瓣阅读可以写网文吗？</h2>
				<div>
					<p>现状是现在平台有偏出版风的作品，也有偏网文向的作品。从读者群的反应看，读者本身对内容是非常开放包容的。只要是好作品，一样受到欢迎。编辑部还会就言情、幻想无限流等网文类型，举办征稿活动鼓励大家来写。豆瓣阅读欢迎网文，它们是读者多元口味的重要组成部分。</p>
				</div>
			</div>
			
			<div class="box box3">
				<h2>更多相关链接</h2>
				<van-grid :column-num="1" :border="false">
				  <van-grid-item>
					  <template #icon>
					  		<img class="imggg" src="https://static.arkread.com/ark/pics/submit/intro/signing.8d22510a.png">
					  </template>
					  <template #text>
						  <h4>签约福利及常见问题</h4>
						  <p>为优质作品提供更多曝光与更多收入</p>
					  </template>
				  </van-grid-item>
				  <van-grid-item>
					  <template #icon>
					  		<img class="imggg" src="https://static.arkread.com/ark/pics/submit/intro/incentive.7b636a18.png">
					  </template>
					  <template #text>
						  <h4>作者福利</h4>
						  <p>给勤奋更新的优质作品更多收入可能</p>
					  </template>
				  </van-grid-item>
				  <van-grid-item>
					  <template #icon>
					  		<img class="imggg" src="https://static.arkread.com/ark/pics/submit/intro/transcripts.d5f49b97.png">
					  </template>
					  <template #text>
						  <h4>出版和影视改编授权汇总</h4>
						  <p>积极而高效的出版和影视改编推荐工作成果</p>
					  </template>
				  </van-grid-item>
				  <van-grid-item>
					  <template #icon>
					  		<img class="imggg" src="https://static.arkread.com/ark/pics/submit/intro/competition.017b740d.png">
					  </template>
					  <template #text>
						  <h4>征文活动</h4>
						  <p>长篇拉力赛、主题征稿、有奖创作……形式多样奖金丰厚，等你参加</p>
					  </template>
				  </van-grid-item>
				</van-grid>
			</div>
			
			
			<!-- <div class="box">
				<p>更多作者常见问题，请点击查看 作者帮助中心</p>
			</div> -->
		</div>
	</div>
</template>

<script>
</script>

<style lang="scss">
	#ColumnsMore{
		background-color: #f8f9f9;
		// margin-bottom: 3.125rem;
	}
	.ColumnsMorelist{
		.box{
			padding: 0 0.9375rem;
			box-sizing: border-box;
		}
		.box1{
			border-bottom: 1px solid #ececec;
			
			div{
				padding-bottom: 2.5rem;
			}
		}
		.box2{
			border-bottom: 1px solid #ececec;
			padding-bottom: 2.5rem;
			box-sizing: border-box;
			
			.van-card__thumb{
				width: 3.75rem;
				height: 3.75rem;
				margin-right: 1.25rem;
			}
			.van-card__thumb img{
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}
			.title{
				font-size: 0.9375rem;
				font-weight: bold;
				margin-bottom: 0.5rem;
			}
		}
		.box3{
			padding: 0 1.25rem;
			box-sizing: border-box;

			.van-grid-item__icon-wrapper{
				height: 10.3125rem;
			}
			.imggg{
				width: 100%;
				height: 100%;
				border-radius: 4px;
			}
			.van-grid-item__content{
				background-color: #f8f9f9;
				padding:1.125rem 0.5rem;
			}
			.van-grid-item__content--center{
				align-items: start;
			}
			h4{
				padding: 0.625rem 0;
				box-sizing: border-box;
			}
		}
		
		h2{
			margin: 0 0 1.25rem;
			padding: 2.5rem 0 0;
			box-sizing: border-box;
			text-align: center;
		}
		p{
			font-size: 16px;
			line-height: 1.5;
			color: #333333;
		}
	}
</style>